// 导入表单验证插件
import wxValidate from 'wechat-validate'
//拿到应用实例
const app = getApp() 
Page({
  data: {
    // 初始状态不启用倒计时组件
    countDownVisible: false,
    mobile: '',
    code: ''
  },

  onLoad({redirectURL}) { // 获取传递到页面参数中的地址参数
    this.redirectURL = redirectURL
  },

   // 将插件注入到页面实例中
   behaviors: [wxValidate],
   rules: {
     mobile: [
       {required: true, message: '请填写手机号码!'},
       {pattern: /^1[3-8]\d{9}$/, message: '请填写正确的手机号码!'}
     ]
   },

  // 监听时间的变化
  countDownChange(ev) {
    this.setData({
       // 倒计时当前的时间值
      timeData: ev.detail,
      // 倒时结束时关闭组件
      countDownVisible: ev.detail.minutes === 1 || ev.detail.seconds > 0,
    })
  },
  //获取短信验证码
  async getSMSCode() {
    //先安装并构建表单验证码插件 wechat-validate
    // 获取验证结果
    const {valid, message} = this.validate('mobile')
    // 如果验证不合法则不再执行后面的逻辑
    if(!valid) return wx.utils.toast(message)
    // 点击后启用倒计时组件
    this.setData({countDownVisible: true})
    // 调用接口获取验证码
    const {code, data} = await wx.http.get('/code', {mobile: this.data.mobile})
    console.log(data);
    // 检测验证码是否发送成功
    if(code !== 10000) return wx.utils.toast('发送失败，稍后重试!')
  },
  // 提交表单数据，完成登录/注册的功能
  async submitForm() {
    // 验证数据是否合法
    if(!this.validate()) return //不传参数表示验证所有数据
    // 调用登录接口
    const {code, data} = await wx.http.post('/login', {
      mobile: this.data.mobile,
      code: this.data.code
    })
    // 验证是否登录成功
    if(code !== 10000) return wx.utils.toast('登录失败，稍后重试!')

    app.setToken('token', data.token)  // 记录登录状态
    app.setToken('refreshToken', data.refreshToken) // 记录登录状态

    // 重定向
    wx.redirectTo({url: this.redirectURL || '/pages/index/index'})
  }
  
})
